<template>
    <div class="articles-layout">
      <div class="articles__main fl">
        <slot name="main"></slot>
      </div>
      <div class="articles__side fr">
        <slot name="side"></slot>
      </div>
    </div>
</template>

<script>
    export default {
        name: "ArticlesLayout"
    }
</script>

<style scoped>
  .articles-layout{
    border-top: 1px solid #f29838;
    padding: 20px 0;
    overflow: hidden;
  }
  .articles__main {
    width: 65%;
  }
  .articles__side {
    margin-top: 15px;
    width: 30%;
  }
</style>
